<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // for ... in 对象的遍历
        var user = {
            name: "john",
            age: 24,
            height: 176,
        };

        for (var key in user) {
            // 变量key 就代表 对象user 遍历的 每一个属性名
            console.log(key);
            // 根据 key 获取属性值

            // 对象.属性名; 对象.xx 这样的语法 后面跟什么 操作的就是那个元素
            // user.key .后边根的是 'key',操作的是 user  的 'key'属性
            // 此时 user 没有 'key'这个属性
            // 因为 用的 是 .语法 ,所以 key  不会被当做变量 解析成 'name','age','height'
            // console.log(user.key);

            // []语法 ,key 会被当做变量解析 出 'name','age','height'
            console.log(user[key]);
        }
    </script>
</body>

</html>